<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page import="muni.ilo.dto.UsuarioDTO"%>
<%@page import="java.text.DateFormat"%>
<%@page import="org.apache.tomcat.jni.Local"%>
<%@page import="java.util.Locale"%><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<link href="cs/mc.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
function validarCampos(campo) {
	if(campo.id == 'email'){
		 var re = /^[_a-z0-9-]+(.[_a-z0-9-]+)*@[a-z0-9-]+(.[a-z0-9-]+)*(.[a-z]{2,3})$/;
				if(campo.value == ''){
					return;
				}
		    	if(!re.exec(campo.value))    {
			    	alert("La dirección de email es incorrecta.");
					  campo.style.color='red';
					  campo.focus();
					  campo.select();
			    }else{
			    	document.getElementById("email").style.color='blue';
			    }
					
	} if(campo.id == 'tel'){
		if(campo.value == ''){
			return;
		}
		if(isNaN(campo.value)||campo.value.length < '7'){
			alert("Debe introducir un valor numerico de\n7 o 9 cifras");
			campo.style.color='red';
			campo.focus();
			campo.select();
		}else{
			document.getElementById("tel").style.color='blue';
		}	
	}
}
function activaBoton() {
	var retorno = 0;
	var elementos = document.forms[0].elements.length;
	var obj = document.getElementById("boton01");

	for(i=0; i < elementos; i++){
		if(document.forms[0].elements[i].type == 'text' && document.forms[0].elements[i].name != 'email' ){
			if(document.forms[0].elements[i].value != '' ){
				document.forms[0].elements[i].style.backgroundColor = '#91E148';
				retorno ++ ;
			}else{
				document.forms[0].elements[i].style.backgroundColor = '#ff0000';
				document.forms[0].elements[i].style.color = '#ffffff';
				}
			}
		}

	if (retorno == 4 ){
		obj.disabled = false;
	}
	if (retorno < 4){
		obj.disabled = true;
	}
}
</script>
</head>

<%
	// recuperamos el objeto cliente que llega en el request
UsuarioDTO usuario = (UsuarioDTO)request.getAttribute("b_usuario");
%>


<body>

	
	<table>
		
		<tr>

			<!--  aqui va el cuerpo -->
			<td class="control" >
			
				<form action="usuario.do"  method="post" >
				  			
				  	<input type="hidden" name="operacion" value="modificar" />
				 		
				<table>
					<tr class="titulo" >
						<td colspan="2" align="center" > Modificar  Usuarios </td>
					</tr>
					<tr class="control" >
						<td>Codigo: </td>
						<td><font color="#0000CC"><strong><%= usuario.getCodigo() %></strong></font> 
						<input type="hidden" name="cod" value="<%= usuario.getCodigo() %>"></td>
					</tr>
					<tr class="control" >
						<td>Tipo de usuario: </td>
						<td>
						<c:if test="${requestScope.li_tipos!=null}">
							<select name="tipo">
								<c:forEach var="tip"  
									items="${requestScope.li_tipos}" >
									<c:set var="tipox" scope="page" value="<%=usuario.getCodTipo() %>"/>
									<c:if test="${tip.codTipo == tipox}">
										<option value="${tip.codTipo}" selected="selected">${tip.descTipo}</option>
									</c:if>
								</c:forEach>
							</select>
						</c:if> 
						</td>
					</tr>
					<tr class="control" >
						<td>Nombre: </td>
						<td> <input type="text" name="nombre" id="nombre" size="25" value="<%= usuario.getNombre() %>" onblur="activaBoton();"> </td>
					</tr>
					<tr class="control" >
						<td>Apellido  Paterno: </td>
						<td> <input type="text" name="apePat" id="apePat" size="10" value="<%= usuario.getApePat() %>" onblur="activaBoton();"> </td>
					</tr>
					<tr class="control" >
						<td>Apellido  Materno: </td>
						<td> <input type="text" name="apeMat" id="apeMat" size="10" value="<%= usuario.getApeMat() %>" onblur="activaBoton();"> </td>
					</tr>
					<tr class="control" >
						<td>Distrito: </td>
						<td>
						<c:if test="${requestScope.li_distritos!=null}">
							<select name="distrito">
								<c:forEach var="dis"  
									items="${requestScope.li_distritos}" >
									<c:set var="distri" scope="page" value="<%=usuario.getDistrito() %>"/>
									<c:if test="${dis.codigo == distri}">
										<option value="${dis.codigo}" selected="selected">${dis.descripcion}</option>
									</c:if>
									<c:if test="${dis.codigo != distri}">
										<option value="${dis.codigo}">${dis.descripcion}</option>
									</c:if>
								</c:forEach>
							</select>
						</c:if> 
						</td>
					</tr>
					<tr class="control"  >
						<td>Sexo: </td>
						<td> 
												
						<%if(usuario.getSexo().equals("M")){ %>
						<select name="sexo" >
							<option value="M"  selected="selected"> Masculino </option>
							<option value="F" > Femenino </option>
						</select> 
						<%}else{ %>
						<select name="sexo" >
							<option value="M"  > Masculino </option>
							<option value="F" selected="selected"> Femenino </option>
						</select> 
						<%} %>
						 
						</td>
					</tr>
					<tr class="control" >
						<td>Telefono: </td>
						<td> <input type="text" name="tel" id="tel" size="10" maxlength="9" value="<%= usuario.getTelefono() %>" onblur="activaBoton();validarCampos(this);"> </td>
					</tr>
					<tr class="control" >
						<td>E-mail: </td>
						<td> <input type="text" name="email" id="email" size="10" value="<%= usuario.getEmail() %>" onblur="validarCampos(this);"> </td>
					</tr>
					<tr class="control"  >
						<td>Fecha de Registro: </td>
						<%
						Locale loc = new Locale("es","PE");
						DateFormat dateF = DateFormat.getDateInstance(DateFormat.SHORT,loc); %>
						<td><font color="#000000"><strong><%= dateF.format(usuario.getFecReg()) %></strong> </font>
						<input type="hidden" name="fecreg" value="<%= dateF.format(usuario.getFecReg()) %>"> </td>
					</tr>
					<tr class="control"  >
						<td>Fecha de Actualizacion: </td>
						<%
						Locale loc2 = new Locale("es","PE");
						DateFormat dateF2 = DateFormat.getDateInstance(DateFormat.SHORT,loc2); %>
						<td><font color="#FFFFFF"><strong><%= dateF2.format(usuario.getFecAct()) %></strong></font></td>
					</tr>
					<tr class="control" >
						<td colspan="2" align="right"  > 
							<input 
								type="submit" 
								name="boton01"
								id="boton01" 
								value="Modificar" > 
						</td>
						<td colspan="2" align="right"  > 
							<a href="usuario.do?operacion=listar"><img src="images/btndtsal.JPG"/></a>
						</td>
					</tr>
				</table>
				
				</form>

			</td>
			
			
		</tr>
		
	</table>
	
</body>
</html>